.Search {
  position: relative;
  .text {
    padding-left: 6px;
  }
  .search-list {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    border: 1px solid var(--border-line);
    border-top: none;
    transition: transform 0.15s;
    transform: scaleY(0);
    transform-origin: top;
    max-height: 300px;
    padding: 0.5em 0;
    z-index: 900;
    background: #fff;
    &.show {
      transform: scaleY(1);
    }

    .li {
      padding: 0.5em;
      &:hover {
        background: var(--hover-bg);
      }
      &.select {
        background: var(--hover-bg);
      }
    }
  }
  .input-box {
    border: 1px solid var(--border-line);
    .no-border {
      border: none;
    }
    .clear {
      color: var(--clear-icon);
      padding: 0 0.5em;
    }
  }
}
